<!-- ko foreach: settingsViewModel.settings.plugins.tasmota_mqtt.arrRelays -->
<a class="pull-right" href=#" data-bind='visible: $root.loginStateViewModel.loggedIn() && showInNavbar(), click: $root.relayClick,  attr: {title: (label().length > 0 ? label() : topic()+(relayN() ? "|"+relayN() : ""))}' style="display: none;float: left;"><i class="icon" data-bind="css: [currentstate(), icon(),(($root.processing().indexOf(topic() + '|' + relayN()) > -1) ? 'icon-spin' : '')].join(' ')"></i></a>
<!-- /ko -->
<div id="TasmotaMQTTWarning" data-bind="with: selectedRelay" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
        <h3>Tasmota-MQTT</h3>
    </div>
    <div class="modal-body">
        <p>
            <!--ko text: (label().length > 0 ? label() : topic()+(relayN() ? "|"+relayN() : ""))--><!--/ko--> is currently <!--ko text: currentstate()--><!--/ko-->.
        </p>
		<p>
            {{ _('Are you sure you want to proceed?') }}
        </p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal" aria-hidden="true" data-bind="click: $root.cancelClick">{{ _('Cancel') }}</a>
        <a href="#" class="btn btn-danger" data-bind="click: $root.toggleRelay">{{ _('Proceed') }}</a>
    </div>
</div>
